<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd"> 
<html>
<head>
	<title>Dojo Editor2 Test</title>
	<script type="text/javascript">
		var djConfig = {
			isDebug: true,
			dojoRichTextFrameUrl: "../../../src/widget/templates/richtextframe.html" //for xdomain
		};
	</script>

	<script type="text/javascript" src="../../../dojo.js"></script>
	<script type="text/javascript">
		dojo.require("dojo.widget.Editor2");
	</script>
</head>
<body bgcolor="white">

<button onclick="dojo.widget.createWidget('editor');">build it!</button>
<button onclick="dojo.lang.forEach(dojo.widget.byType('Editor2'), function(e){ e.destroy(); });">
	clobber the editors
</button>

this is text above the editor
<br>
<br>
<br>
<br>
<br>
<div style="position: relative;" parseWidgets="false">
	<div style="border: 1px solid black;">
		<div dojoType="Editor2" 
			htmlEditing="true" useActiveX="true" 
			shareToolbar="false" id="editor" toolbarAlwaysVisible="true" saveName="testEditor1">
			look ma! it's editable content!
			<ul>
				<li>foo</li>
				<li>bar</li>
				<li>baz</li>
				<ul>
					<li>thud</li>
				</ul>
			</ul>
			<h1>Lorem!</h1>
		</div>
	</div>
	text below the first editor instance
</div>
<br>
text above the second editor instance. This second editor shares a toolbar with the first.
<div style="border: 1px solid black;">
	<!-- FIXME: currently, enabling 2 editors for the same toolbar screws them both on IE -->
	<div dojoType="Editor2" shareToolbar="true" focusOnLoad="false" widgetId="editor2">
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus risus. Praesent eu lacus et enim laoreet sollicitudin. Quisque mollis mi a lectus. Cras ante. Aliquam tempus justo laoreet justo. Vestibulum egestas feugiat nisi. Nulla ultrices consequat felis. Curabitur dignissim augue vel enim. Fusce tempus tempor mauris. Praesent suscipit pede in nunc. Duis mi neque, malesuada non, volutpat et, nonummy et, ante. Aliquam neque. Nulla rhoncus, turpis eget mattis molestie, magna nulla dictum ligula, quis tempor odio justo vel pede. Donec sit amet tellus. Phasellus sapien. Nulla id massa at nunc condimentum fringilla. Fusce suscipit ipsum et lorem consequat pulvinar. Quisque lacinia sollicitudin tellus.</p>

		<p>Nulla massa lectus, porttitor vitae, dignissim vel, iaculis eget, mi. Vestibulum sed lorem. Nullam convallis elit id leo. Aliquam est purus, rutrum at, sodales non, nonummy a, justo. Proin at diam vel nibh dictum rhoncus. Duis nisl. Etiam orci. Integer hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In ac erat. Sed velit orci, sodales quis, commodo ut, elementum sed, nibh. Cras mattis vulputate nisl. Mauris eu nulla sed orci dignissim laoreet. Morbi commodo, est vitae pharetra ullamcorper, ante nisl ultrices velit, sit amet vulputate turpis elit id lacus. Vestibulum diam. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>

		<p>Praesent rutrum nunc quis felis. Morbi tempor. Quisque porta magna imperdiet magna. Ut gravida, ipsum eu euismod consectetuer, nisl lectus posuere diam, vel dignissim elit nisi sit amet lorem. Curabitur non nunc. Morbi metus. Nulla facilisi. Sed et ante. Etiam ac lectus. Duis tristique molestie sem. Pellentesque nec quam. Nullam pellentesque ullamcorper sem.</p>
</div>
<button id="onDemandButton">
	build and editor below
</button>
<script>
	dojo.addOnLoad(function(){
		dojo.event.connect(dojo.byId("onDemandButton"), "onclick", function(){
			dojo.widget.createWidget("Editor2", 
				{ 	shareToolbar: false, 
					toolbarAlwaysVisible: true,
					focusOnLoad: false 
				}, dojo.byId("onDemandEditor"));
		});
	});
</script>
<div id="onDemandEditor">
		<p>Duis ut massa eget arcu porttitor pharetra. Curabitur malesuada nisi id eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vivamus massa. Donec quis justo ut tortor faucibus suscipit. Vivamus commodo neque eget nulla. Donec imperdiet lacus condimentum justo. In sollicitudin magna vitae libero. Curabitur scelerisque libero et eros imperdiet cursus. Maecenas adipiscing. Integer imperdiet, neque ut fringilla semper, leo nisi tincidunt enim, id accumsan leo nisi a libero. Morbi rutrum hendrerit eros. Vestibulum eget augue vel urna congue faucibus.</p>

		<p>Morbi ante sapien, consequat non, consectetuer vitae, pharetra non, dui. Cras tempus posuere quam. Vestibulum quis neque. Duis lobortis urna in elit. Aliquam non tellus. Etiam nisi eros, posuere vel, congue id, fringilla in, risus. Duis semper rutrum risus. Nullam felis massa, lobortis sit amet, posuere tempor, mattis id, tellus. Nulla id arcu interdum risus commodo tincidunt. Vivamus pretium pulvinar pede. Vivamus eget erat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam bibendum, enim eu venenatis tempor, nunc elit convallis tortor, sit amet vulputate turpis arcu eu pede. Praesent molestie, lacus sed vehicula convallis, enim pede fringilla nunc, at porttitor justo ante a diam. Nunc magna eros, interdum vel, varius eget, volutpat eu, orci. Nunc nec mauris. Nulla facilisi. Vivamus dictum elementum risus. Nam placerat arcu.</p>
			</div>
</div>
this is text after the editor
<br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
this is more text
<form>
	<div style="position: relative;">
		<div style="border: 1px solid black;">
			<textarea dojoType="Editor2" 
				htmlEditing="true" useActiveX="true" 
				shareToolbar="false" id="editor4" toolbarAlwaysVisible="true">
				testcase for editor in textarea, bug #377, broken in safari
				<ul>
					<li>foo</li>
					<li>bar</li>
					<li>baz</li>
					<ul>
						<li>thud</li>
					</ul>
				</ul>
				<h1>Lorem!</h1>
			</div>
		</div>
		text below the textarea editor instance
	</div>
</form>
</body>
</html>

